<template>
  <van-popup v-model="show" position="bottom" :style="{ height: '100%' }">
    <van-nav-bar left-text="关于我们" left-arrow @click-left="onClickLeft" />
    <div class="container">
      <div class="header">
        <p class="title">湖南家政平台</p>
        <van-image
          width="90%"
          class="avatar"
          src="https://img.yzcdn.cn/vant/cat.jpeg"
          fit="cover"
        />
      </div>
      <div class="text">
        <span
          >湖南家政平台是由新湖南客户、湖南征信公司、兴业银行长沙分行、
          中国人寿湖南分公司共同建设的一个集微信、H5手机端、电脑PC罐、APP
          四网合一的人工智能家庭服务家政平台,帮助家服企业通过家政平台实现
          在线推广服务,在线签合同,子凹陷支付,家服人员档案管理、家服人员派
          单管理等服务,从而提高工作效率与服务质量的家政服务平台。</span
        >
        <p>联系电话：152165465464</p>
        <p>联系地址：湖南省长沙市天心区暮云工业园凯翟漫城烛照小区4栋1311房</p>
      </div>
    </div>
  </van-popup>
</template>

<script>
export default {
  props: {
    show: {
      type: Boolean,
      require: true,
    },
  },
  methods: {
    onClickLeft () {
      this.$emit('update:show', false)
    },
  },
}
</script>

<style scoped lang="scss">
.container {
  .header {
    height: 500px;
  }
  .title {
    font-size: 28px;
    text-align: center;
  }
  .avatar {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 400px;
  }
  .text {
    padding: 0 40px;
    font-size: 24px;
  }
}
</style>
